<template>
  <div>
    <p>{{ test0 }}</p>
    <h1 v-for="(item,index) in test0" :key="index">{{ index }}.{{ item }}</h1>
    <h1><a v-bind:href="url">baidu</a></h1>
    <h1>{{ f() }}</h1>
    <h1>{{ this.test0 }}</h1>
    <h1>{{ $children }}</h1>
    <br/>
    <h1 v-for="(_,idx) in this" v-bind:key="idx">{{ idx }}</h1>
  </div>
</template>

<script>
export default {
  name: "Hello0",
  data() {
    return {
      "test0": "Hello test zero!!!",
      url: "https://www.baidu.com"
    };
  },
  methods: {
    f: () => "method f called",
  }
}

// console.log("hello0", this);

</script>

<style scoped>

</style>
